<nz-card class="card-table">
	<form [formGroup]="searchForm" class="h" nz-form>
		<div class="flex w align-items-center h">
			<div class="col-1-5 col-1-5-md">
				<nz-form-item nzFlex>
					<nz-form-label>班次</nz-form-label>
					<nz-form-control class="flex1">
						<nz-select formControlName="timeSpace" nzShowSearch nzAllowClear>
						<nz-option *ngFor="let item of timeSpaceList" [nzValue]="item!.dictKey"
											 [nzLabel]="item!.dictValue"></nz-option>
						</nz-select>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div class="col-1-5 col-1-5-md">
				<nz-form-item nzFlex>
					<nz-form-label>航陆运</nz-form-label>
					<nz-form-control class="flex1">
						<nz-select formControlName="shipLand" nzShowSearch nzAllowClear>
							<nz-option *ngFor="let item of shipLandList" [nzValue]="item!.dictKey"
												 [nzLabel]="item!.dictValue"></nz-option>
						</nz-select>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div class="col-1-5 col-1-5-md">
				<nz-form-item nzFlex>
					<nz-form-label>出入库</nz-form-label>
					<nz-form-control class="flex1">
						<nz-select formControlName="tallyType" nzShowSearch nzAllowClear>
							<nz-option *ngFor="let item of tallyTypeList" [nzValue]="item!.dictKey"
												 [nzLabel]="item!.dictValue"></nz-option>
						</nz-select>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div class="col-1-5 col-1-5-md">
				<nz-form-item nzFlex>
					<nz-form-label>理货员</nz-form-label>
					<nz-form-control class="flex1">
						<nz-select formControlName="createUser" nzShowSearch nzAllowClear>
							<nz-option *ngFor="let item of userList" [nzValue]="item?.id"
												 [nzLabel]="item?.name"></nz-option>
						</nz-select>
					</nz-form-control>
				</nz-form-item>
			</div>
			<div class="col-1-5 col-1-5-md">
				<div class="flex">
					<button (click)="search()" class="mr10" nz-button nzType="primary">搜索</button>
					<button (click)="reset()" class="mr10" nz-button nzType="default">重置</button>
					<button (click)="export(this.shipBillInfo?.transportBillId, storageId)" class="mr10 btn-export" nz-button nzType="primary">导出</button>
				</div>
			</div>
		</div>
	</form>
	<st
		#st
		[size]="'small'"
		class="hover-table fix-table st-odd-table mt-[10px]"
		[resizable]="true"
		[scroll]="{ y: 'calc(100vh - 265px)' }"
		[data]="dataList"
		[columns]="columns"
		[page]="pageSetting"
		[total]="this.pageInfo.total"
		[ps]="this.pageInfo.size"
		[pi]="this.pageInfo.current"
		[loading]="this.pageInfo.loading"
		(change)="stChange($event)"
		[clickRowClassName]="sa"
	>
		<ng-template st-row="tallyTypeName" let-item>
			<div *ngIf="item?.dataFrom === 'ost'">
				{{ item?.tallyTypeName }}
			</div>

			<a class="text-blue-600 underline" *ngIf="item?.dataFrom === 'tst'" (click)="showTstDetail(item)">
				{{ item?.tallyTypeName }}
			</a>
		</ng-template>
		<ng-template st-row="checkPieceTonInfo" let-item>
			<div
				nz-tooltip
				nzTooltipPlacement="bottom"
				[nzTooltipTitle]="item?.checkInfo"
			>
				<span [ngClass]="{ 'text-red-500': item?.tallyPiece !== item?.checkPiece || item?.tallyTon !== item?.checkTon }" class="underline">{{ item?.checkPieceTonInfo }}</span>
				<a acl [acl-ability]="'checker-leader-edit'" class="text-blue-600 ml-[20px]" (click)="checkPieceTon(item)">修正</a>
			</div>

		</ng-template>
	</st>
</nz-card>

